<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>HTML Programming - Chord Diagram Table</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="expires" content="" />
<meta name="lang" content="en-US" />
<meta name="template-info" content="intro.htm 2013-02-07 usp" />
<meta name="creation-date" scheme="iso8601" content="2013-08-15" />
<meta name="last-modified" scheme="iso8601" content="2013-08-15" />
<meta name="version" content="1" />
<meta name="author" content="USP" />
<meta name="robots" content="follow" />
<meta name="category" content="Programming/Html/Music" />
<meta name="keywords" content="HTML, music, chord, diagram, table." />
<meta name="description" content="Test page for developing the infrastructure of the chord diagram table." />

<link rel="stylesheet" type="text/css" href="../../includes/topic-2.css" />
<link rel="stylesheet" type="text/css" href="../../includes/table-2.css" />
<link rel="stylesheet" type="text/css" href="music.css" />
<link rel="stylesheet" type="text/css" href="local.css" />


<script language="JavaScript" type="text/javascript" src="../../includes/global.js"></script>
<script language="JavaScript" type="text/javascript" src="../../includes/cookies.js"></script>
<script language="JavaScript" type="text/javascript" src="../../includes/topic.js"></script>
<script language="JavaScript" type="text/javascript" src="music.js"></script>


</head><body class="content" onload="onloadTopic();"><a name="top"></a>

<h1>Chord Diagram Table</h1>

<p><a href="#" onclick="musicTest( 'line1\nline2' );">Test</a></p>

<table class="chord" id="table-1"><tbody>
<tr class="degree">
	<td class="header" rowspan="3" style="width: 6em;">iv<br/>Am7</td>
	<td>R</td>
	<td>m3</td>
	<td>5</td>
	<td>m7</td>
</tr>
<tr class="notes">
	<td class="root">A</td>
	<td>C</td>
	<td>E</td>
	<td>G</td>
</tr>
<tr class="index">
	<td>0</td>
	<td>3</td>
	<td>7</td>
	<td>10</td>
</tr>
</tbody></table>

<table class="chord" id="table-2" rowheader="iv\nAm7" notes="A,C,E,G" intervals="R,m3,5,m7" steps="0,3,7,10" roworder="interval,note,index" descriptions="Intervals,Notes,Steps">
<tbody></tbody></table>
<script language="javascript">musicCreateChordTable( "table-2" );</script>

<table class="chord" id="table-3" rowheader="iv\nAm7" xnotes="A,C,E,G" intervals="A:R,m3,5,m7" roworder="interval,note,index" descriptions="Intervals,Notes,Steps">
<tbody></tbody></table>
<script language="javascript">music.chord.create( "table-3" );</script>


<div class="footer"><hr />
<p>Page author: USP &bull; Page editor: USP &bull; Last update: 2013-08-03 &bull; 2</p>
<p>&copy; 2013 Synesis Ulrich Sprick. All rights reserved. See <a href="../../copyright.htm">Copyright details</a>.</p>
<p><a href="#top">Back to Top</a> | <a href="../../index.htm" target="_top">Home</a> | <a id="reload" onclick="reloadFrameset()" href ="../../index.htm" target="_top" >Reload Frameset</a></p>
</div></body></html>
